<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>drag</title>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="./static/css/drag.css">
</head>
<body>
<div id="app">
    <div class="nav-left">
        <div class="navtree">
            <ul id="accordion" class="accordion">
                <li>
                    <div class="link" crawler-project="${item}">
                        <i class="fa fa-navicon" ></i>aa<i class="fa fa-chevron-down"></i>
                    </div>
                    <ul class="submenu" data-project="${item}" >
                        <li><a href="#">11
                        </a>
                        </li>

                    </ul>
                </li>
                <li>
                    <div class="link">
                        <i class="fa fa-navicon" ></i>aa<i class="fa fa-chevron-down"></i>
                    </div>
                    <ul class="submenu">
                        <li><a href="#">11
                        </a>
                        </li>

                    </ul>
                </li>
                <li>
                    <div class="link" crawler-project="${item}">
                        <i class="fa fa-navicon" ></i>aa<i class="fa fa-chevron-down"></i>
                    </div>
                    <ul class="submenu" data-project="${item}" >
                        <li crawler-name="${name}"><a href="#">11
                        </a>
                        </li>

                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div id="main">
        <!-- demo -->
        <div class="canvas canvas-wide statemachine-demo jtk-surface jtk-surface-nopan" id="canvas">
            <div class="w" id="opened">BEGIN
                <div class="ep"></div>
                <div class="cancel"></div>
            </div>
            <div class="w" id="phone1">PHONE INTERVIEW 1
                <div class="ep"></div>
                <div class="cancel"></div>
            </div>
            <div class="w" id="phone2">PHONE INTERVIEW 2
                <div class="ep"></div>
                <div class="cancel"></div>
            </div>
            <div class="w" id="inperson">IN PERSON
                <div class="ep"></div>
                <div class="cancel"></div>
            </div>
            <div class="w" id="rejected">REJECTED
                <div class="ep"></div>
                <div class="cancel"></div>
            </div>
        </div>
        <!-- /demo --></div>
        <div class="drag-item hide">

        </div>
    <!-- built files will be auto injected -->
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jsPlumb/1.7.8/dom.jsPlumb.min.js"></script>
<!--<script src="src/assets/jsplumbtoolkit.js"></script>-->
<script src="./static/js/drag.js"></script>